<template>
  <h2>Vue3组件通信</h2>
  <button @click="$router.push('/communication/event')">Evnet自定义事件</button>
  <button @click="$router.push('/communication/pubsub')">PubSub</button>
  <button @click="$router.push('/communication/vmodel')">V-Model</button>
  <button @click="$router.push('/communication/attr')">Attr</button>
  <button @click="$router.push('/communication/ref')">Ref</button>
  <button @click="$router.push('/communication/parent')">Parent</button>
  <hr />
  
  <router-view></router-view>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
    name: "Communication",
});
</script>

<script setup lang="ts">
    
</script>